// 场景：在页面上生成一个前端技术书籍列表，就需要用到循环渲染
/**
 * 1.1.如果 islogin的值为true，则使用li标签生成两本书：React由浅入深，Vue由浅入深
   1.2.如果islogin的值为false，请显示 您未登录
 */
let islogin = true
let books = ["React由浅入深", "Vue由浅入深"]
let res = books.map(book => (<li key={book}>{book}</li>))
function App() {
  // 1、
  // if(islogin){
  //   return (
  //     <ul>
  //       {books.map(book => (
  //         <li key={book}>{book}</li>
  //       ))}
  //     </ul>
  //   )
  // }else{
  //   return(<p>请登录</p>)
  // }
  // 2、
  return (<div>{islogin ? <ul>{res}</ul> : <p>请登录</p>}</div>)


}
export default App;
